article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    font-size: 12px;
}

input,
textarea,
select,
button {
    font-size: inherit;
}

a {
    text-decoration: none;
}

code,
kbd,
pre,
samp {
    font-family: Consolas, Menlo, Courier, monospace;
}

.grid-content {
    border-radius: 4px;
    min-height: 36px;
}

.bg-purple-dark {
    background: #99a9bf;
}

.bg-purple {
    background: #d3dce6;
}

.bg-purple-light {
    background: #e5e9f2;
}

.m-10 {
    margin-top: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.ml-10 {
    margin-left: 10px;
}

.row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

//禁止点击
.disabled {
    cursor: not-allowed;
}

/*滚动条样式重置*/

*::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/*定义滚动条轨道 内阴影+圆角*/

*::-webkit-scrollbar-track {
  background-color: inherit;
}

*:hover::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #c6ccd7;
}

/*定义滑块 内阴影+圆角*/

*::-webkit-scrollbar-thumb {
  background-color: inherit;
}

.list-container {
  display: flex;
  height: 100%;
  flex-direction: column;
  background-color: #fff;
  padding: 16px;
  .table-container {
    background-color: #fff;
    flex: 1;
    overflow: hidden;
    padding: 16px 0 2px;
  }
  .pagination {
    padding: 10px 10px 0;
    text-align: right;
  }
}

.el-input{
    width: 100%;
    max-width: 400px;
  }
  .el-input-number--small{
    width: 100%;
    max-width: 400px;
  }
  .el-input-number .el-input__inner{
    text-align: left;
  }

  .x-select .el-select{
    width: 100%;
    max-width: 400px;
  }
  .el-textarea{
    width: 100%;
    max-width: 400px;
  }
  .el-date-editor--daterange.el-input, .el-date-editor--daterange.el-input__inner, .el-date-editor--timerange.el-input, .el-date-editor--timerange.el-input__inner{
    width: 100%;
    max-width: 400px;
  }
  .el-date-editor--datetimerange.el-input, .el-date-editor--datetimerange.el-input__inner{
    width: 100%;
    max-width: 400px;
  }

.search-container .search-item {
    .search-item-lable{
        font-size: 14px;
        margin-right: 0;
    }
}